<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Home One || Clainc || Health & Medical HTML Template</title>
    <link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="images/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="images/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
    <link rel="manifest" href="images/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="images/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"/>
    <script src="//cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"></script>
    <script src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://lib.baomitu.com/layui/2.6.5/layui.min.js"></script>
    <link href="https://lib.baomitu.com/layui/2.6.5/css/layui.min.css" rel="stylesheet">

    <style>
        .select2,.ksid{
            border: 1px solid #cacaca;
            font-size: 17px;
            color: #0f4469;
            width: 100%;
            height: 50px;
            background-color: white;
            border-radius: 5px;
        }
        .layui-input-block{
            margin-left: 0px !important;
        }

        .dropdown {
            position: relative;
            display: inline-block;

        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 100px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            padding: 12px 16px;
            margin-left: 20px;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        .banner-wrapper{
            margin-top: 30px;
        }
        #layui-layer1{
            border-radius: 15px;
        }
    </style>

</head>

<body>
<div class="div" style="width: 0;height: 0px;overflow: hidden">
    <div id="add-layer" style="display: none; padding: 20px">
        <div class="layui-form-item">
            <div class="layui-input-block">
                <div>
                    <div style="float: left">
                        支付宝支付 <br/>
                        <img src="../../img/zhifubao.jpg" style="width: 150px;">
                    </div>
                    <div style="float: right">
                        微信支付 <br/>
                        <img src="../../img/weixin.jpg" style="width: 150px;">
                    </div>
                    <div style="clear: both"></div>
                </div>
                <div style="margin-top: 20px;padding-left: 150px">
                    <button id="add1" class="layui-btn">支付完成</button>
                    <button id="add2" class="layui-btn">取消预约</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="div" style="width: 0;height: 0px;overflow: hidden">
    <div id="add-layer2" style="display: none; padding: 20px">
        <div class="layui-form-item">
            <div id="add_layer2" class="layui-input-block" style="border-radius: 15px">
                <iframe src="../ManagementEnd/Home/RegistrationDB.html" width="100%" height="500px" frameborder="0">
                    您的浏览器不支持iframe，请升级
                </iframe>
            </div>
        </div>
    </div>
</div>


<div class="preloader"></div><!-- /.preloader -->

    <div class="page-wrapper">
        <section class="topbar-one">
            <div class="container">
                <ul class="topbar-one__contact">
                    <li class="topbar-one__contact-item"><a href="mailto:help@example.com"><i class="material-icons">email</i>help@example.com</a></li>
                    <li class="topbar-one__contact-item"><a href="callto:123456789101"><i class="material-icons">local_phone</i>1234&nbsp;&nbsp;5678&nbsp;&nbsp;9101</a></li>
                </ul><!-- /.topbar-one__contact -->
                <div class="topbar-one__buttons">
                    <select class="selectpicker topbar-one__language">
                        <option>En</option>
                        <option>Bn</option>
                        <option>Du</option>
                    </select>
                    <a href="appointment.html" class="topbar-one__btn">获取预约</a>
                </div><!-- /.topbar-one__buttons -->
            </div><!-- /.container -->
        </section><!-- /.topbar-one -->
        <header class="site-header header-one">
            <nav class="navbar navbar-expand-lg navbar-light header-navigation stricky">
                <div class="container clearfix">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="logo-box clearfix">
                        <a class="navbar-brand" href="index.html">
                            <img src="images/resources/logo-1-1.png" class="main-logo" alt="Awesome Image" />
                        </a>
                        <button class="menu-toggler" data-target=".main-navigation">
                            <span class="fa fa-bars"></span>
                        </button>
                    </div><!-- /.logo-box -->
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="main-navigation">
                        <ul class=" navigation-box">
                            <li class="current">
                                <a href="index.html">首页</a>
                                <ul class="submenu">
                                    <li><a href="index.html">首页一</a></li>
                                    <li><a href="index-2.html">首页二</a></li>
                                    <li><a href="index-3.html">首页三</a></li>
                                    <li><a href="index-4.html">首页四</a></li>
                                    <li><a href="dental-1.html">牙科一</a></li>
                                    <li><a href="dental-2.html">牙科二</a></li>
                                    <li><a href="blood-donation.html">血液捐赠</a></li>
                                    <li><a href="blood-donation.html">头部版本</a>
                                        <ul class="submenu">
                                            <li><a href="index.html">头部一</a></li>
                                            <li><a href="index-2.html">头部二</a></li>
                                            <li><a href="index-3.html">头部三</a></li>
                                            <li><a href="dental-1.html">头部四</a></li>
                                        </ul><!-- /.submenu -->
                                    </li>
                                </ul><!-- /.submenu -->
                            </li>
                            <li>
                                <a href="services.html">部门</a>
                            </li>
                            <li>
                                <a href="Client/about-1.html">关于</a>
                                <ul class="submenu">
                                    <li><a href="Client/about-1.html">关于一个</a></li>
                                    <li><a href="Client/about-2.html">关于两个</a></li>
                                    <li><a href="Client/about-3.html">关于三个</a></li>
                                </ul><!-- /.submenu -->
                            </li>
                            
                            <li>
                                <a href="#">页面</a>
                                <ul class="submenu">
                                    <li><a href="doctors.html">团队</a></li>
                                    <li><a href="history-slide.html">历史</a></li>
                                    <li><a href="Client/faq.html">常见问题</a></li>
                                    <li><a href="appointment.html">预约</a></li>
                                </ul><!-- /.submenu -->
                            </li>
                            <li>
                                <a href="pharmacy.html">商店</a>
                                <ul class="submenu">
                                    <li><a href="pharmacy.html">商店页面</a></li>
                                    <li><a href="medicine-details.html">医学详情</a></li>
                                    <li><a href="cart.html">购物车页面</a></li>
                                    <li><a href="checkout.html">结账页面</a></li>
                                </ul><!-- /.submenu -->
                            </li>
                            <li><a href="notice.html">通知</a></li>
                            <li>
                                <a href="blog.html">博客</a>
                                <ul class="submenu">
                                    <li><a href="blog-1.html">博客风格一</a></li>
                                    <li><a href="blog-2.html">博客风格二</a></li>
                                    <li><a href="blog-details.html">博客详情</a></li>
                                </ul><!-- /.submenu -->
                            </li>
                            <li><a href="contact.html">联系</a></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                    <div class="right-side-box loginit">
                        <div class="div1"><a href="#" class="login header-one__login">登录</a></div>


                        <div class="div2" style="display: none">


                        <div class="dropdown">

                            <a href="#" class="diva1 header-one__login">登录</a>
                            <div class="dropdown-content">
<!--                                <a class="diva2" href="#">预约的详情</a><br/>-->
                                <a class="diva3" href="#" style="display: inline-block;margin-bottom: 3px">挂号信息</a><br/>
<!--                                ../ManagementEnd/Home/RegistrationDB.html-->
                                <a class="diva2" href="#">退出登录</a>

                            </div>
                        </div>
<!--                            <div class="mdui-container mdui-valign" style="height: 200px;z-index: 9999">-->
<!--                                <select class="mdui-select" mdui-select="{position: 'bottom'}">-->
<!--                                    <option value="1"><a class="diva1"></a></option>-->
<!--                                    <a class="diva2" href="#"><option value="2">退出登录</option></a>-->

<!--                                </select>-->
<!--                            </div>-->


                        </div>


                    </div><!-- /.right-side-box -->
                </div>
                <!-- /.container -->
            </nav>
        </header><!-- /.header-one -->
        <div class="banner-wrapper">
            <section class="banner-one banner-carousel__one no-dots owl-theme owl-carousel">
                <div class="banner-one__slide banner-one__slide-one" style="background-image: url(images/slider/slider-1-1.jpg);">
                    <div class="container">
                        <img src="images/slider/slider-1-2.png" alt="Awesome Image" class="banner-one__person" />
                        <div class="row no-gutters">
                            <div class="col-lg-6">
                                <h3 class="banner-one__title banner-one__light-color">更好的技术 <br> 更好的医疗保健</h3><!-- /.banner-one__title -->
                                <p class="banner-one__text banner-one__light-color">利用敏捷的框架，为企业战略的高层概述迭代方法提供可靠的概要，促进协作思维，以推进整体价值主张.</p><!-- /.banner-one__text -->
                                <a href="#" class="thm-btn banner-one__btn">了解更多信息</a>
                            </div><!-- /.col-lg-6 -->
                        </div><!-- /.row -->
                    </div><!-- /.container -->
                </div><!-- /.banner-one__slide -->
                <div class="banner-one__slide banner-one__slide-two" style="background-image: url(images/slider/slider-1-2.jpg);">
                    <div class="container">
                        <img src="images/resources/feature-1-1.png" alt="Awesome Image" class="banner-one__person" />
                        <div class="row no-gutters">
                            <div class="col-lg-6">
                                <h3 class="banner-one__title banner-one__light-color">更好的技术<br> 更好的医疗保健</h3><!-- /.banner-one__title -->
                                <p class="banner-one__text banner-one__light-color">利用敏捷的框架，为企业战略的高层概述迭代方法提供可靠的概要，促进协作思维，以推进整体价值主张.</p><!-- /.banner-one__text -->
                                <a href="#" class="thm-btn banner-one__btn">了解更多</a>
                            </div><!-- /.col-lg-6 -->
                        </div><!-- /.row -->
                    </div><!-- /.container -->
                </div><!-- /.banner-one__slide -->
            </section><!-- /.banner-one -->
            <div class="carousel-btn-block banner-carousel-btn">
                <span class="carousel-btn left-btn"><i class="fa fa-angle-left"></i></span>
                <span class="carousel-btn right-btn"><i class="fa fa-angle-right"></i></span>
            </div><!-- /.carousel-btn-block banner-carousel-btn -->
        </div><!-- /.banner-wrapper -->
        <section class="appointment-one">
            <div class="container">
                <div class="inner-container wow fadeInUp" data-wow-duration="1s">
                    <h3 class="appointment-one__title">获取预约</h3><!-- /.appointment-one__title -->
                    <form class="subscribe appointment-one__form contact-form-vaidated">
                        <div class="row align-items-end">
                            <div class="col-xl-5 col-lg-6">
                                <label class="appointment-one__label">姓名</label>
                                <div class="appointment-one__form-group">
                                    <div class="appointment-one__icon">
                                        <i class="material-icons">person</i>
                                    </div><!-- /.appointment-one__icon -->
                                    <input type="text" name="name" class="name appointment-one__field" placeholder="姓名">
                                </div><!-- /.appointment-one__form-group -->
                            </div><!-- /.col-lg-5 -->
                            <div class="col-xl-4 col-lg-6">
                                <label class="appointment-one__label">出生日期</label>
                                <div class="appointment-one__form-group">
                                    <div class="appointment-one__icon">
                                        <i class="material-icons">date_range</i>
                                    </div><!-- /.appointment-one__icon -->
                                    <input type="date" name="age" class="age appointment-one__field" placeholder="年龄" readonly>
                                </div><!-- /.appointment-one__form-group -->
                            </div><!-- /.col-lg-4 -->
                            <div class="col-xl-3 col-lg-6">
                                <label class="appointment-one__label">性别</label>
                                <div class="appointment-one__form-group">
                                    <div class="appointment-one__icon">
                                        <i class="material-icons">person</i>
                                    </div><!-- /.appointment-one__icon -->
                                    <div class="appointment-one__switch-wrap">
                                        <input type="hidden" id="a" name="sex">
                                        <button class="sex1 appointment-one__switch">男</button>
                                        <button class="sex2 appointment-one__switch">女</button>
                                    </div><!-- /.appointment-one__switch-wrap -->
                                </div><!-- /.appointment-one__form-group -->
                            </div><!-- /.col-lg-3 -->
                            <div class="col-xl-4 col-lg-6">
                                <label class="appointment-one__label">电话号码</label>
                                <div class="appointment-one__form-group">
                                    <div class="appointment-one__icon">
                                        <i class="material-icons">phone</i>
                                    </div><!-- /.appointment-one__icon -->
                                    <input type="text" name="phone" class="phone appointment-one__field" placeholder="输入号码">
                                </div><!-- /.appointment-one__form-group -->
                            </div><!-- /.col-lg-5 -->

                            <div class="col-xl-4 col-lg-6">
                                <label class="appointment-one__label">身份证号</label>
                                <div class="appointment-one__form-group">
                                    <div class="appointment-one__icon">
                                        <i class="material-icons">person</i>
                                    </div><!-- /.appointment-one__icon -->
                                    <input type="text" name="idcard" class="idcard appointment-one__field" placeholder="输入身份证号码">
                                </div><!-- /.appointment-one__form-group -->
                            </div><!-- /.col-lg-5 -->

                            <div class="col-xl-4 col-lg-6">
                                <label class="appointment-one__label">预约日期</label>
                                <div class="appointment-one__form-group">
                                    <div class="appointment-one__icon">
                                        <i class="material-icons">date_range</i>
                                    </div><!-- /.appointment-one__icon -->
                                    <input type="date" name="booking_date" class="appointment-one__field date1" οnfοcus="WdatePicker({minDate:'%y-%M-{%d}'})"  placeholder="制定日期">
                                </div><!-- /.appointment-one__form-group -->
                            </div><!-- /.col-lg-4 -->
                            <div class="col-xl-3 col-lg-6">
                                <label class="appointment-one__label">顾问小时</label>
                                <div class="appointment-one__form-group">
                                    <div class="appointment-one__icon">
                                        <i class="material-icons">access_time</i>
                                    </div><!-- /.appointment-one__icon -->
                                    <div class="appointment-one__switch-wrap">
                                        <input type="hidden" name="schedule">
                                        <button class="appointment-one__switch">上午</button>
                                        <button class="appointment-one__switch active">下午</button>
                                        <button class="appointment-one__switch">傍晚</button>
                                    </div><!-- /.appointment-one__switch-wrap -->
                                </div><!-- /.appointment-one__form-group -->
                            </div><!-- /.col-lg-3 -->
                            <div class="col-xl-5 col-lg-6">
                                <label class="appointment-one__label">部门</label>
                                <div class="appointment-one__form-group">
                                    <select class=" ksid" name="ksid" onchange="loadingConfig(this)">
                                        <option value="1">心脏病科</option>
                                        <option value="2">眼睛护理</option>
                                        <option value="3">神经科</option>
                                        <option value="4">儿科</option>
                                        <option value="5">肝脏科</option>
                                    </select>
                                </div><!-- /.appointment-one__form-group -->
                            </div><!-- /.col-lg-5 -->
                            <div class="col-xl-4 col-lg-6">
                                <label class="appointment-one__label">医生</label>
                                <div class="appointment-one__form-group">
                                    <select id="select2"  class="select2" name="did">
                                        <option>选择医生</option>
                                    </select>
                                </div><!-- /.appointment-one__form-group -->
                            </div><!-- /.col-lg-4 -->
                            <div class="col-xl-3 col-lg-12">
<!--                                <button type="submit" class="add appointment-one__btn thm-btn" data-toggle="modal" data-target="#myModal">提交请求</button>-->
                                <button type="submit" class="add appointment-one__btn thm-btn">提交请求</button>
                            </div><!-- /.col-lg-3 -->
                        </div><!-- /.row -->
                    </form>
                    <div class="result"></div><!-- /.result -->
                </div><!-- /.inner-container -->
            </div><!-- /.container -->
        </section><!-- /.appointment-one -->
        <section class="about-one">
            <div class="container-fluid">
                <div class="row no-gutters">
                    <div class="col-lg-6">
                        <div class="about-one__content-block">
                            <h3 class="about-one__title">关于我们</h3><!-- /.about-one__title -->
                            <p class="about-one__tag-line">以高效率的成本改善医疗保健是我们医院的主要工作重点. </p><!-- /.about-one__tag-line -->
                            <p class="about-one__text">我们医院是规模最大,实力最强，集医疗、教学、科研、预防保健、康复与健康管理为一体的综合性医院 我们医院有最先进,最齐全的医疗设备.</p><!-- /.about-one__text -->
                            <p class="about-one__text">我们医院有非常专业的医生 医疗资源更优秀,药物比较齐全.</p><!-- /.about-one__text -->
                            <div class="row">
                                <div class="col-lg-6">
                                    <ul class="about-one__features">
                                        <li class="about-one__features-item">医疗质量</li>
                                        <li class="about-one__features-item">现代技术</li>
                                    </ul><!-- /.about-one__features -->
                                </div><!-- /.col-lg-6 -->
                                <div class="col-lg-6">
                                    <ul class="about-one__features">
                                        <li class="about-one__features-item">自然环境</li>
                                        <li class="about-one__features-item">经验丰富的医生</li>
                                    </ul><!-- /.about-one__features -->
                                </div><!-- /.col-lg-6 -->
                            </div><!-- /.row -->
                            <a href="#" class="thm-btn about-one__btn">了解更多信息</a>
                        </div><!-- /.about-one__content-block -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6">
                        <div class="about-one__image-wrap wow fadeInRight" data-wow-duration="1s">
                            <div class="row no-gutters">
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <div class="about-one__image">
                                        <img src="images/resources/about-1-1.jpg" alt="Awesome Image" />
                                    </div><!-- /.about-one__image -->
                                </div><!-- /.col-lg-7 -->
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <div class="about-one__image">
                                        <img src="images/resources/about-1-2.jpg" alt="Awesome Image" />
                                    </div><!-- /.about-one__image -->
                                    <div class="about-one__image">
                                        <img src="images/resources/about-1-3.jpg" alt="Awesome Image" />
                                    </div><!-- /.about-one__image -->
                                </div><!-- /.col-lg-5 -->
                            </div><!-- /.row -->
                        </div><!-- /.about-one__image-wrap -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section><!-- /.about-one -->
        <section class="service-one thm-gray-bg">
            <div class="container">
                <div class="block-title text-center">
                    <h2 class="block-title__title">我们的部门</h2><!-- /.block-title__title -->
                    <p class="block-title__text">我们医院的部门有以下几个部门.</p><!-- /.block-title__text -->
                </div><!-- /.block-title -->
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="service-one__single wow fadeInLeft" data-wow-duration="1s">
                            <div class="service-one__icon">
                                <i class="clainc-icon-heart"></i>
                            </div><!-- /.service-one__icon -->
                            <div class="service-one__content">
                                <h3 class="service-one__title"><a href="services.html">心脏病学</a></h3>
                                <p class="service-one__text">主要研究缺血心肌的病理生理学，在实验性心肌梗塞、心肌缺血、再灌注损伤、心肌顿抑心肌细胞凋亡及电击消融术实验性评价等方面均有建树.</p><!-- /.service-one__text -->
                            </div><!-- /.service-one__content -->
                        </div><!-- /.service-one__single -->
                    </div><!-- /.col-lg-4 -->
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="service-one__single wow fadeInUp" data-wow-duration="1s">
                            <div class="service-one__icon">
                                <i class="clainc-icon-brain"></i>
                            </div><!-- /.service-one__icon -->
                            <div class="service-one__content">
                                <h3 class="service-one__title"><a href="services.html">神经学</a></h3>
                                <p class="service-one__text">认知障碍相关神经退行性疾病的脑功能成像的研究.</p><!-- /.service-one__text -->
                            </div><!-- /.service-one__content -->
                        </div><!-- /.service-one__single -->
                    </div><!-- /.col-lg-4 -->
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="service-one__single wow fadeInRight" data-wow-duration="1s">
                            <div class="service-one__icon">
                                <i class="clainc-icon-tooth1"></i>
                            </div><!-- /.service-one__icon -->
                            <div class="service-one__content">
                                <h3 class="service-one__title"><a href="services.html">牙科护理</a></h3>
                                <p class="service-one__text">主要做牙周疑难病症的诊断与治疗，牙周组织再生的手术治疗，牙周美容手术.</p><!-- /.service-one__text -->
                            </div><!-- /.service-one__content -->
                        </div><!-- /.service-one__single -->
                    </div><!-- /.col-lg-4 -->
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="service-one__single wow fadeInLeft" data-wow-duration="1s">
                            <div class="service-one__icon">
                                <i class="clainc-icon-eye"></i>
                            </div><!-- /.service-one__icon -->
                            <div class="service-one__content">
                                <h3 class="service-one__title"><a href="services.html">眼睛护理</a></h3>
                                <p class="service-one__text">主要解决眼睛出现黑眼圈、鱼尾纹、眼袋、肉芽、浮肿等问题.</p><!-- /.service-one__text -->
                            </div><!-- /.service-one__content -->
                        </div><!-- /.service-one__single -->
                    </div><!-- /.col-lg-4 -->
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="service-one__single wow fadeInUp" data-wow-duration="1s">
                            <div class="service-one__icon">
                                <i class="clainc-icon-kidney"></i>
                            </div><!-- /.service-one__icon -->
                            <div class="service-one__content">
                                <h3 class="service-one__title"><a href="services.html">肝病学</a></h3>
                                <p class="service-one__text">针对各种病毒性肝炎、酒精肝、脂肪肝、重症肝炎、急性肝衰竭、肝硬化及其合并症、肝重症等抢救治疗..</p><!-- /.service-one__text -->
                            </div><!-- /.service-one__content -->
                        </div><!-- /.service-one__single -->
                    </div><!-- /.col-lg-4 -->
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="service-one__single wow fadeInRight" data-wow-duration="1s">
                            <div class="service-one__icon">
                                <i class="clainc-icon-baby-boy"></i>
                            </div><!-- /.service-one__icon -->
                            <div class="service-one__content">
                                <h3 class="service-one__title"><a href="services.html">小儿科</a></h3>
                                <p class="service-one__text">主攻小儿神经，循环，呼吸系统疾病，尤其擅长小儿头痛，癫痫，抽动症，多动症，心肌炎，心肌病.</p><!-- /.service-one__text -->
                            </div><!-- /.service-one__content -->
                        </div><!-- /.service-one__single -->
                    </div><!-- /.col-lg-4 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section><!-- /.service-one -->
        <section class="feature-one">
            <div class="container-fluid">
                <div class="row no-gutters">
                    <div class="custom-col-39">
                        <div class="video-one">
                            <img src="images/resources/video-1-1.jpg" alt="Awesome Image" />
                            <a href="https://www.youtube.com/watch?v=-j0dlcfekqw" class="video-popup"><i class="clainc-icon-play-button"></i></a>
                        </div><!-- /.video-one -->
                    </div><!-- /.col-lg-5 -->
                    <div class="custom-col-61">
                        <div class="feature-one__content-block">
                            <span class="feature-one__curvs"></span>
                            <div class="inner-content">
                                <div class="block-title">
                                    <h2 class="block-title__title block-title__light-color">我们的专场</h2><!-- /.block-title__title -->
                                    <p class="block-title__text block-title__light-color">我们主要是做儿童口腔科、正畸科、牙体牙髓科、影像科、修复科、牙周科、种植科 口腔颌面外科 、老年门诊、综合科、特需科、激光治疗中心、 舒适化诊疗中心、数字化诊疗中心 等多个科室.</p><!-- /.block-title__text -->
                                </div><!-- /.block-title -->
                                <div class="row high-gutters">
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="feature-one__single">
                                            <div class="feature-one__icon">
                                                <i class="clainc-icon-prize-badge-with-star-and-ribbon"></i>
                                            </div><!-- /.feature-one__icon -->
                                            <div class="feature-one__content">
                                                <h3 class="feature-one__title"><a href="#">98% 成功率</a></h3><!-- /.feature-one__title -->
                                                <p class="feature-one__text">我们医院的成功率高达98% <br> 非常值得信赖</p>
                                            </div><!-- /.feature-one__content -->
                                        </div><!-- /.feature-one__single -->
                                    </div><!-- /.col-lg-6 -->
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="feature-one__single">
                                            <div class="feature-one__icon">
                                                <i class="clainc-icon-operating-room"></i>
                                            </div><!-- /.feature-one__icon -->
                                            <div class="feature-one__content">
                                                <h3 class="feature-one__title"><a href="#">专业人员</a></h3><!-- /.feature-one__title -->
                                                <p class="feature-one__text">我们医院有专业的医生,专业的护士,<br> 经过专业培训的人员</p>
                                            </div><!-- /.feature-one__content -->
                                        </div><!-- /.feature-one__single -->
                                    </div><!-- /.col-lg-6 -->
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="feature-one__single">
                                            <div class="feature-one__icon">
                                                <i class="clainc-icon-doctor"></i>
                                            </div><!-- /.feature-one__icon -->
                                            <div class="feature-one__content">
                                                <h3 class="feature-one__title"><a href="#">经验丰富的医生</a></h3><!-- /.feature-one__title -->
                                                <p class="feature-one__text">我们医院的医生都是从业很多年, <br> 经验非常丰富</p>
                                            </div><!-- /.feature-one__content -->
                                        </div><!-- /.feature-one__single -->
                                    </div><!-- /.col-lg-6 -->
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="feature-one__single">
                                            <div class="feature-one__icon">
                                                <i class="clainc-icon-ambulance1"></i>
                                            </div><!-- /.feature-one__icon -->
                                            <div class="feature-one__content">
                                                <h3 class="feature-one__title"><a href="#">24/7 紧急护理</a></h3><!-- /.feature-one__title -->
                                                <p class="feature-one__text">我们医院每星期都是二十四小时的<br>紧急护理</p>
                                            </div><!-- /.feature-one__content -->
                                        </div><!-- /.feature-one__single -->
                                    </div><!-- /.col-lg-6 -->
                                </div><!-- /.row high-gutters -->
                            </div><!-- /.inner-content -->
                        </div><!-- /.feature-one__content-block -->
                    </div><!-- /.col-lg-7 -->
                </div><!-- /.row no-gutters -->
            </div><!-- /.container -->
        </section><!-- /.feature-one -->
        <section class="feature-two">
            <div class="container">
                <img src="images/resources/feature-1-1.png" alt="Awesome Image" class="feature-two__person wow fadeInUp" />
                <div class="row">
                    <div class="col-lg-7">
                        <div class="feature-two__content-block">
                            <div class="block-title">
                                <h2 class="block-title__title">为什么选择我们的医院</h2><!-- /.block-title__title -->
                                <p class="block-title__text">我们医院有最新的各种高科技检查仪器,设备齐全 有专业的护理,更好的医疗资源. </p><!-- /.block-title__text -->
                            </div><!-- /.block-title -->
                            <ul class="nav nav-tabs feature-two__tab-title" role="tablist">
                                <li class="nav-item feature-two__tab-title-item">
                                    <a class="nav-link feature-two__tab-title-link active" href="#mission" role="tab" data-toggle="tab">任务</a>
                                </li>
                                <li class="nav-item feature-two__tab-title-item">
                                    <a class="nav-link feature-two__tab-title-link" href="#vision" role="tab" data-toggle="tab">视觉</a>
                                </li>
                                <li class="nav-item feature-two__tab-title-item">
                                    <a class="nav-link feature-two__tab-title-link" href="#success" role="tab" data-toggle="tab">成功</a>
                                </li>
                                <li class="nav-item feature-two__tab-title-item">
                                    <a class="nav-link feature-two__tab-title-link" href="#history" role="tab" data-toggle="tab">历史</a>
                                </li>
                            </ul>
                            <div class="feature-two__tab-content tab-content">
                                <div role="tabpanel" class="tab-pane show active  animated fadeInUp" id="mission">
                                    <div class="feature-two__content">
                                        <p class="feature-two__text">我们医院的医生每天的日常任务就是接待病人,对病人提出的病情提出完美的解决方案. </p>
                                        <p class="feature-two__text">我们的医生对待病人非常的友善,对待病人一视同仁，对于病人如同对待自己的朋友，用真诚用微笑来为病人服务. </p>
                                        <a href="#" class="thm-btn feature-two__btn">了解更多信息</a>
                                    </div><!-- /.feature-two__content -->
                                </div><!-- /.tab-pane -->
                                <div role="tabpanel" class="tab-pane animated fadeInUp" id="vision">
                                    <div class="feature-two__content">
                                        <p class="feature-two__text">我们医院建筑外观古朴典雅，环境舒适，树木葱郁，鸟语花香。中药植物园栽种的的中药草，让患者在休闲时了解中药文化知识. </p>
                                        <p class="feature-two__text">门诊和住院大厅宽敞整洁，标识系统清晰醒目。大厅、候诊厅、走廊、病区等公共区域的文化墙. </p>
                                        <a href="#" class="thm-btn feature-two__btn">了解更多信息</a>
                                    </div><!-- /.feature-two__content -->
                                </div><!-- /.tab-pane -->
                                <div role="tabpanel" class="tab-pane  animated fadeInUp" id="success">
                                    <div class="feature-two__content">
                                        <p class="feature-two__text">我们医院的成功率高达98%,输液反应率为零,灭菌消毒合格率为100％,药品、仪器设备及急救物品完好率100％,年护理事故发生率为零,基础护理理论知识考核成绩平均分＞90分. </p>
                                        <p class="feature-two__text">我们医院的护理技术操作考核成绩平均分＞90分, 静脉穿刺成功率＞90％. </p>
                                        <a href="#" class="thm-btn feature-two__btn">了解更多信息</a>
                                    </div><!-- /.feature-two__content -->
                                </div><!-- /.tab-pane -->
                                <div role="tabpanel" class="tab-pane animated fadeInUp" id="history">
                                    <div class="feature-two__content">
                                        <p class="feature-two__text">们医院，是一所历史悠久、底蕴厚重，集医疗、教学、科研、预防、康复、健康管理为一体的国家三级甲等综合医院。医院占地面积45800平方米，建筑面积102000平方米。开放床位1720张，设临床、医技科室60个. </p>
                                        <p class="feature-two__text">我们医院历史悠久,紧跟时代的脚步,拥有先进的设备 和较为全面的医疗资源. </p>
                                        <a href="#" class="thm-btn feature-two__btn">了解更多信息</a>
                                    </div><!-- /.feature-two__content -->
                                </div><!-- /.tab-pane -->
                            </div><!-- /.tab-content -->
                        </div><!-- /.feature-two__content-block -->
                    </div><!-- /.col-lg-7 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section><!-- /.feature-two -->
        <section class="testimonials-one">
            <div class="testimonials-one__background-image" style="background-image: url(images/background/testi-bg-1-1.jpg);"></div><!-- /.testimonials-one__background-image -->
            <div class="container">
                <div class="block-title text-center">
                    <h2 class="block-title__title block-title__light-color">病人对我们的看法</h2><!-- /.block-title__title -->
                    <p class="block-title__text block-title__light-color">医院的环境很顺心看病过程很舒服,给人一种很正规的感觉,比较放心,医生很专业,很细心看完病之后还会告诉一些日常养生保健常识, 医院对于老患者非常的负责,会全程跟进病情..</p><!-- /.block-title__text -->
                </div><!-- /.block-title -->
                <div class="testimonials-one__carousel owl-carousel owl-theme">
                    <div class="item">
                        <div class="testimonials-one__single">
                            <div class="testimonials-one__icon">
                                <div class="testimonials-one__qoute"><img src="images/resources/testi-qoute-1-1.png" alt="Awesome Image" /></div><!-- /.testimonials-one__qoute -->
                                <div class="inner-block">
                                    <img src="images/resources/testi-1-1.jpg" alt="Awesome Image" />
                                </div><!-- /.inner-block -->
                            </div><!-- /.testimonials-one__icon -->
                            <div class="testimonials-one__content">
                                <h3 class="testimonials-one__title">泰森中心</h3><!-- /.testimonials-one__title -->
                                <span class="testimonials-one__designation">牙科护理</span>
                                <p class="testimonials-one__text">主要做牙周疑难病症的诊断与治疗，牙周组织再生的手术治疗，牙周美容手术，针对牙周病患者的特点开展的牙种植修复治疗及种植体的长期健康维护，种植体周围炎的预防与治疗等.</p>
                            </div><!-- /.testimonials-one__content -->
                        </div><!-- /.testimonials-one__single -->
                    </div><!-- /.item -->
                    <div class="item">
                        <div class="testimonials-one__single">
                            <div class="testimonials-one__icon">
                                <div class="testimonials-one__qoute"><img src="images/resources/testi-qoute-1-1.png" alt="Awesome Image" /></div><!-- /.testimonials-one__qoute -->
                                <div class="inner-block">
                                    <img src="images/resources/testi-1-2.jpg" alt="Awesome Image" />
                                </div><!-- /.inner-block -->
                            </div><!-- /.testimonials-one__icon -->
                            <div class="testimonials-one__content">
                                <h3 class="testimonials-one__title">雷富吉奥·舍尔克</h3><!-- /.testimonials-one__title -->
                                <span class="testimonials-one__designation">心脏病学</span>
                                <p class="testimonials-one__text">从事临床心脏病学几十年，兼实验研究。主要研究缺血心肌的病理生理学，在实验性心肌梗塞、心肌缺血、再灌注损伤、心肌顿抑心肌细胞凋亡及电击消融术实验性评价等方面均有建树..</p>
                            </div><!-- /.testimonials-one__content -->
                        </div><!-- /.testimonials-one__single -->
                    </div><!-- /.item -->
                    <div class="item">
                        <div class="testimonials-one__single">
                            <div class="testimonials-one__icon">
                                <div class="testimonials-one__qoute"><img src="images/resources/testi-qoute-1-1.png" alt="Awesome Image" /></div><!-- /.testimonials-one__qoute -->
                                <div class="inner-block">
                                    <img src="images/resources/testi-1-1.jpg" alt="Awesome Image" />
                                </div><!-- /.inner-block -->
                            </div><!-- /.testimonials-one__icon -->
                            <div class="testimonials-one__content">
                                <h3 class="testimonials-one__title">帕特妮娅·伍丁顿</h3><!-- /.testimonials-one__title -->
                                <span class="testimonials-one__designation">牙科护理</span>
                                <p class="testimonials-one__text">主要做牙周疑难病症的诊断与治疗，牙周组织再生的手术治疗，牙周美容手术，针对牙周病患者的特点开展的牙种植修复治疗及种植体的长期健康维护，种植体周围炎的预防与治疗等.</p>
                            </div><!-- /.testimonials-one__content -->
                        </div><!-- /.testimonials-one__single -->
                    </div><!-- /.item -->
                    <div class="item">
                        <div class="testimonials-one__single">
                            <div class="testimonials-one__icon">
                                <div class="testimonials-one__qoute"><img src="images/resources/testi-qoute-1-1.png" alt="Awesome Image" /></div><!-- /.testimonials-one__qoute -->
                                <div class="inner-block">
                                    <img src="images/resources/testi-1-2.jpg" alt="Awesome Image" />
                                </div><!-- /.inner-block -->
                            </div><!-- /.testimonials-one__icon -->
                            <div class="testimonials-one__content">
                                <h3 class="testimonials-one__title">尼科尔·鲍瑟</h3><!-- /.testimonials-one__title -->
                                <span class="testimonials-one__designation">心脏病学</span>
                                <p class="testimonials-one__text">从事临床心脏病学几十年，兼实验研究。主要研究缺血心肌的病理生理学，在实验性心肌梗塞、心肌缺血、再灌注损伤、心肌顿抑心肌细胞凋亡及电击消融术实验性评价等方面均有建树..</p>
                            </div><!-- /.testimonials-one__content -->
                        </div><!-- /.testimonials-one__single -->
                    </div><!-- /.item -->
                    <div class="item">
                        <div class="testimonials-one__single">
                            <div class="testimonials-one__icon">
                                <div class="testimonials-one__qoute"><img src="images/resources/testi-qoute-1-1.png" alt="Awesome Image" /></div><!-- /.testimonials-one__qoute -->
                                <div class="inner-block">
                                    <img src="images/resources/testi-1-1.jpg" alt="Awesome Image" />
                                </div><!-- /.inner-block -->
                            </div><!-- /.testimonials-one__icon -->
                            <div class="testimonials-one__content">
                                <h3 class="testimonials-one__title">巴顿·斯特尔</h3><!-- /.testimonials-one__title -->
                                <span class="testimonials-one__designation">牙科护理</span>
                                <p class="testimonials-one__text">主要做牙周疑难病症的诊断与治疗，牙周组织再生的手术治疗，牙周美容手术，针对牙周病患者的特点开展的牙种植修复治疗及种植体的长期健康维护，种植体周围炎的预防与治疗等.</p>
                            </div><!-- /.testimonials-one__content -->
                        </div><!-- /.testimonials-one__single -->
                    </div><!-- /.item -->
                    <div class="item">
                        <div class="testimonials-one__single">
                            <div class="testimonials-one__icon">
                                <div class="testimonials-one__qoute"><img src="images/resources/testi-qoute-1-1.png" alt="Awesome Image" /></div><!-- /.testimonials-one__qoute -->
                                <div class="inner-block">
                                    <img src="images/resources/testi-1-2.jpg" alt="Awesome Image" />
                                </div><!-- /.inner-block -->
                            </div><!-- /.testimonials-one__icon -->
                            <div class="testimonials-one__content">
                                <h3 class="testimonials-one__title">凯莉·卡拉法尔斯基</h3><!-- /.testimonials-one__title -->
                                <span class="testimonials-one__designation">心脏病学</span>
                                <p class="testimonials-one__text">从事临床心脏病学几十年，兼实验研究。主要研究缺血心肌的病理生理学，在实验性心肌梗塞、心肌缺血、再灌注损伤、心肌顿抑心肌细胞凋亡及电击消融术实验性评价等方面均有建树..</p>
                            </div><!-- /.testimonials-one__content -->
                        </div><!-- /.testimonials-one__single -->
                    </div><!-- /.item -->
                </div><!-- /.testimonials-one__carousel -->
            </div><!-- /.container -->
        </section><!-- /.testimonials-one -->
        <section class="blog-one">
            <div class="container">
                <div class="block-title text-center">
                    <h2 class="block-title__title">最新消息更新</h2><!-- /.block-title__title -->
                    <p class="block-title__text">下面是我们医院最新更新的博客文章大家可以了解到一些不一样的知识.</p><!-- /.block-title__text -->
                </div><!-- /.block-title -->
                <div class="row">
                    <div class="col-lg-4">
                        <div class="blog-one__single wow fadeInUp" data-wow-duration="2s">
                            <div class="blog-one__image">
                                <img src="images/blog/blog-1-1.jpg" alt="Awesome Image" />
                                <div class="blog-one__image-hover">
                                    <a href="blog-details.html" class="blog-three__hvr-link"><i class="material-icons">insert_link</i></a>
                                </div><!-- /.blog-one__image-hover -->                                
                            </div><!-- /.blog-one__image -->
                            <div class="blog-one__content">
                                <div class="blog-one__top">
                                    <h3 class="blog-one__title"><a href="blog-details.html">如何处理你的孩子的病</a></h3><!-- /.blog-one__title -->
                                    <a class="blog-one__date" href="blog-details.html"><i class="material-icons">access_time</i> 12 January 2019</a>
                                    <p class="blog-one__text">第一时间去医院,并且要注意保暖,补水,注意饮食，不要吃刺激性食物,要多呼吸新鲜空气...</p><!-- /.blog-one__text -->
                                </div><!-- /.blog-one__top -->
                                <div class="blog-one__bottom">
                                    <a href="blog-details.html" class="blog-one__link">阅读更多</a>
                                    <div class="blog-one__meta">
                                        <a href="blog-details.html" class="blog-one__meta-link"><i class="material-icons">favorite_border</i>74</a>
                                        <a href="blog-details.html" class="blog-one__meta-link"><i class="material-icons">chat_bubble_outline</i>12</a>
                                        <a href="blog-details.html" class="blog-one__meta-link"><i class="material-icons">share</i>35</a>
                                    </div><!-- /.blog-one__meta -->
                                </div><!-- /.blog-one__bottom -->
                            </div><!-- /.blog-one__content -->
                        </div><!-- /.blog-one__single -->
                    </div><!-- /.col-lg-4 -->
                    <div class="col-lg-4">
                        <div class="blog-one__single wow fadeInUp" data-wow-duration="2s">
                            <div class="blog-one__image">
                                <img src="images/blog/blog-1-2.jpg" alt="Awesome Image" />
                                <div class="blog-one__image-hover">
                                    <a href="blog-details.html" class="blog-three__hvr-link"><i class="material-icons">insert_link</i></a>
                                </div><!-- /.blog-one__image-hover -->
                            </div><!-- /.blog-one__image -->
                            <div class="blog-one__content">
                                <div class="blog-one__top">
                                    <h3 class="blog-one__title"><a href="blog-details.html">负面他汀类药物的故事增加了心脏</a></h3><!-- /.blog-one__title -->
                                    <a class="blog-one__date" href="blog-details.html"><i class="material-icons">access_time</i> 12 January 2019</a>
                                    <p class="blog-one__text">负他汀类药物是治疗心脏病很好的药物,但是副作用不是每个人都能承受的,所以要注意使用...</p><!-- /.blog-one__text -->
                                </div><!-- /.blog-one__top -->
                                <div class="blog-one__bottom">
                                    <a href="blog-details.html" class="blog-one__link">阅读更多</a>
                                    <div class="blog-one__meta">
                                        <a href="blog-details.html" class="blog-one__meta-link"><i class="material-icons">favorite_border</i>74</a>
                                        <a href="blog-details.html" class="blog-one__meta-link"><i class="material-icons">chat_bubble_outline</i>12</a>
                                        <a href="blog-details.html" class="blog-one__meta-link"><i class="material-icons">share</i>35</a>
                                    </div><!-- /.blog-one__meta -->
                                </div><!-- /.blog-one__bottom -->
                            </div><!-- /.blog-one__content -->
                        </div><!-- /.blog-one__single -->

                    </div><!-- /.col-lg-4 -->
                    <div class="col-lg-4">
                        <div class="blog-one__single wow fadeInUp" data-wow-duration="2s">
                            <div class="blog-one__image">
                                <img src="images/blog/blog-1-3.jpg" alt="Awesome Image" />
                                <div class="blog-one__image-hover">
                                    <a href="blog-details.html" class="blog-three__hvr-link"><i class="material-icons">insert_link</i></a>
                                </div><!-- /.blog-one__image-hover -->
                            </div><!-- /.blog-one__image -->
                            <div class="blog-one__content">
                                <div class="blog-one__top">
                                    <h3 class="blog-one__title"><a href="blog-details.html">肺癌存活率提高</a></h3><!-- /.blog-one__title -->
                                    <a class="blog-one__date" href="blog-details.html"><i class="material-icons">access_time</i> 12 January 2019</a>
                                    <p class="blog-one__text">肺癌的存活率跟自身的习惯有很大关系,要注意卫生和多呼吸新鲜空气...</p><!-- /.blog-one__text -->
                                </div><!-- /.blog-one__top -->
                                <div class="blog-one__bottom">
                                    <a href="blog-details.html" class="blog-one__link">阅读更多</a>
                                    <div class="blog-one__meta">
                                        <a href="blog-details.html" class="blog-one__meta-link"><i class="material-icons">favorite_border</i>74</a>
                                        <a href="blog-details.html" class="blog-one__meta-link"><i class="material-icons">chat_bubble_outline</i>12</a>
                                        <a href="blog-details.html" class="blog-one__meta-link"><i class="material-icons">share</i>35</a>
                                    </div><!-- /.blog-one__meta -->
                                </div><!-- /.blog-one__bottom -->
                            </div><!-- /.blog-one__content -->
                        </div><!-- /.blog-one__single -->
                    </div><!-- /.col-lg-4 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section><!-- /.blog-one -->
        <footer class="fo
        .oter-one__top">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-2 col-md-6 col-sm-12">
                            <div class="footer-one__widget footer-one__link-widget">
                                <h3 class="footer-one__widget-title">导航</h3><!-- /.footer-one__widget-title -->
                                <ul class="footer-one__links-list">[
                                    <li><a href="#">首页</a></li>+-.9
                                    <li><a href="#">关于我们</a></li>
                                    <li><a href="#">部门</a></li>
                                    <li><a href="#">医生</a></li>
                                    <li><a href="#">博客</a></li>
                                    <li><a href="#">联系</a></li>
                                </ul><!-- /.footer-one__links-list -->
                            </div><!-- /.footer-one__widget -->
                        </div><!-- /.col-lg-2 -->
                        <div class="col-lg-2 col-md-6 col-sm-12">
                            <div class="footer-one__widget footer-one__link-widget">
                                <h3 class="footer-one__widget-title">快速链接</h3><!-- /.footer-one__widget-title -->
                                <ul class="footer-one__links-list">
                                    <li><a href="#">获取预约</a></li>
                                    <li><a href="#">我们的医生团队</a></li>
                                    <li><a href="#">部门服务</a></li>
                                    <li><a href="#">关于医院</a></li>
                                    <li><a href="#">联系</a></li>
                                    <li><a href="#">获取报告</a></li>
                                </ul><!-- /.footer-one__links-list -->
                            </div><!-- /.footer-one__widget -->
                        </div><!-- /.col-lg-2 -->
                        <div class="col-lg-2 col-md-6 col-sm-12">
                            <div class="footer-one__widget footer-one__link-widget">
                                <h3 class="footer-one__widget-title">部门</h3><!-- /.footer-one__widget-title -->
                                <ul class="footer-one__links-list">
                                    <li><a href="#">心脏病学</a></li>
                                    <li><a href="#">小儿学</a></li>
                                    <li><a href="#">植物学</a></li>
                                    <li><a href="#">牙科</a></li>
                                    <li><a href="#">神经学</a></li>
                                    <li><a href="#">骨科</a></li>
                                </ul><!-- /.footer-one__links-list -->
                            </div><!-- /.footer-one__widget -->
                        </div><!-- /.col-lg-2 -->
                        <div class="col-lg-2 col-md-6 col-sm-12">
                            <div class="footer-one__widget footer-one__link-widget">
                                <h3 class="footer-one__widget-title">紧急</h3><!-- /.footer-one__widget-title -->
                                <ul class="footer-one__links-list">
                                    <li><a href="#">预约</a></li>
                                    <li><a href="#">医生</a></li>
                                    <li><a href="#">小木屋</a></li>
                                    <li><a href="#">治疗</a></li>
                                    <li><a href="#">手术</a></li>
                                    <li><a href="#">顾问</a></li>
                                </ul><!-- /.footer-one__links-list -->
                            </div><!-- /.footer-one__widget -->
                        </div><!-- /.col-lg-2 -->
                        <div class="col-lg-4 col-md-12 col-sm-12">
                            <div class="footer-one__widget footer-one__link-widget">
                                <h3 class="footer-one__widget-title">关注我们</h3><!-- /.footer-one__widget-title -->
                                <div class="footer-one__social">
                                    <a href="#"><i class="fa fa-facebook-f"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-pinterest-p"></i></a>
                                    <a href="#"><i class="fa fa-youtube-play"></i></a>
                                </div><!-- /.footer-one__social -->
                                <form action="#" class="footer-one__subscribe">
                                    <input class="footer-one__subscribe-field" type="text" name="email" placeholder="电子邮箱地址">
                                    <button class="footer-one__subscribe-submit" type="submit">立即订阅 <i class="fa fa-long-arrow-right"></i></button>
                                </form>
                            </div><!-- /.footer-one__widget -->
                        </div><!-- /.col-lg-4 -->
                    </div><!-- /.row -->
                </div><!-- /.container -->


            <div class="footer-one__middle">
                <div class="container">
                    <div class="inner-container">
                        <div class="row align-items-center">
                            <div class="col-lg-4 col-md-6 col-sm-12">
                                <div class="footer-one__widget about-widget">
                                    <a href="index.html" class="footer-one__logo"><img src="images/resources/logo-1-2.png" alt="Awesome Image" /></a>
                                    <p class="footer-one__text">洛雷姆 · 伊普苏姆 · 多洛里特 · 阿梅特 · 阿迪皮 · 辛 · 埃利特 <br> · 塞多 · 艾乌斯莫德 · 乌蒂多恩特 · 乌托姆 · 劳特 · 埃托 · 多 <br> 洛雷 · 马格纳 · 阿利夸.</p>
                                    <a href="#" class="footer-one__map-link">在谷歌地图上查看</a>
                                </div><!-- /.footer-one_widget -->
                            </div><!-- /.col-lg-4 -->
                            <div class="col-lg-2 col-md-6 col-sm-12">
                                <div class="footer-one__widget contact-widget">
                                    <h3 class="footer-one__widget-title">电子邮件</h3><!-- /.footer-one__widget-title -->
                                    <ul class="footer-one__contact-list">
                                        <li class="footer-one__contact-list-item">hello@clainc.com</li>
                                        <li class="footer-one__contact-list-item">emergency@live.com</li>
                                    </ul><!-- /.footer-one__contact-list -->
                                </div><!-- /.footer-one_widget -->
                            </div><!-- /.col-lg-2 -->
                            <div class="col-lg-3 col-md-6 col-sm-12">
                                <div class="footer-one__widget contact-widget">
                                    <h3 class="footer-one__widget-title">电话</h3><!-- /.footer-one__widget-title -->
                                    <ul class="footer-one__contact-list">
                                        <li class="footer-one__contact-list-item">+1234 4567 7890</li>
                                        <li class="footer-one__contact-list-item">+009 6612 3456 8</li>
                                    </ul><!-- /.footer-one__contact-list -->
                                </div><!-- /.footer-one_widget -->
                            </div><!-- /.col-lg-3 -->
                            <div class="col-lg-3 col-md-6 col-sm-12">
                                <div class="footer-one__widget contact-widget">
                                    <h3 class="footer-one__widget-title">地址</h3><!-- /.footer-one__widget-title -->
                                    <ul class="footer-one__contact-list">
                                        <li class="footer-one__contact-list-item">1234 北卢克巷,</li>
                                        <li class="footer-one__contact-list-item">南本德, IN 360001</li>
                                    </ul><!-- /.footer-one__contact-list -->
                                </div><!-- /.footer-one_widget -->
                            </div><!-- /.col-lg-3 -->
                        </div><!-- /.row -->
                    </div><!-- /.inner-container -->
                </div><!-- /.container -->
            </div><!-- /.footer-one__middle -->
            <div class="footer-one__bottom">
                <div class="container">
                    <p class="footer-one__copy-text">&copy; 2019 年©克莱因茨 | 保留所有权利</p><!-- /.copy-text -->
                    <ul class="footer-one__bottom-links">
                        <li class="footer-one__bottom-links-item"><a href="#">隐私和政策 </a></li>
                        <li class="footer-one__bottom-links-item"><a href="#">条款和服务 </a></li>
                        <li class="footer-one__bottom-links-item"><a href="#">开发 人员</a></li>
                    </ul><!-- /.footer-one__bottom-links -->
                </div><!-- /.container -->
            </div><!-- /.footer-one__bottom -->
        </footer><!-- /.footer-one -->
    </div><!-- /.page-wrapper -->
    <a href="#" data-target="html" data-target-offset="0" class="scroll-to-target scroll-to-top"><i class="material-icons">keyboard_arrow_up</i></a>
    <!-- /.scroll-to-top -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/bootstrap-select.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/bootstrap-datepicker.min.js"></script>
    <script src="js/jquery.validate.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/theme.js"></script>
</body>
<script>
    function myDateFomat(t){
        let date=new Date(t);
        let y=date.getFullYear();
        let m=(date.getMonth()+1).toString().padStart(2,"0");
        let d=date.getDate().toString().padStart(2,"0");
        return y+"-"+m+"-"+d;
    }
</script>
<script>
    function myDateFomat1(t){
        let date=new Date(t);
        let y=date.getFullYear();
        let m=(date.getMonth()+1).toString().padStart(2,"0");
        let d=(date.getDate()).toString().padStart(2,"0");
        return y+"-"+m+"-"+d;
    }
    function myDateFomat2(t){
        let date=new Date(t);
        let y=date.getFullYear();
        let m=(date.getMonth()+1).toString().padStart(2,"0");
        let d=date.getDate().toString().padStart(2,"0");
        let h=date.getHours().toString().padStart(2,"0");
        let f=date.getMinutes().toString().padStart(2,"0");
        let s=date.getSeconds().toString().padStart(2,"0");
        return y+"-"+m+"-"+d+" "+h+":"+f+":"+s;
    }
</script>
<script>

    $(function () {
        let UpIndex;


        $(".add").click(function () {
            if($(".name").val()==null||$(".name").val()==''){
                layer.open({
                    title:'提示',
                    content:'用户名不能为空',
                    offset:"80px",
                    icon:1
                })
                return false;
            }
           // else if($("#a").val()==null||$("#a").val()==''){
           //      layer.open({
           //          title:'提示',
           //          content:'性别不能为空',
           //          offset:"80px",
           //          icon:1
           //      })
           //      return false;
           //  }




            else if($(".idcard").val()==null||$(".idcard").val()==''){
                layer.open({
                    title:'提示',
                    content:'身份证号不能为空',
                    offset:"80px",
                    icon:1
                })
                return false;
            }else if($(".phone").val()==null||$(".phone").val()==''){
                layer.open({
                    title:'提示',
                    content:'手机号码不能为空',
                    offset:"80px",
                    icon:1
                })
                return false;
            }
           let date1= $(".date1").val()
            if(date1==""){
                layer.open({
                    title:'提示'
                    ,content:'预约日期不能为空'
                    ,icon:2
                })

                return false;
            }




            $.get("/subscribe",$(".subscribe").serialize(),function (date) {
                if(date==1){
                    UpIndex= layer.open({
                        type: 1,
                        title: '请支付挂号费用15元',
                        skin: 'layui-layer-molv',
                        area: ['500px'],
                        content: $('#add-layer')
                    });
                }else if(date==3){
                    layer.open({
                        title:'提示'
                        ,content:'挂号失败您在当天已有预约的挂号'
                        ,icon:3
                    })

                }else if(date==0){
                    UpIndex= layer.open({
                        type: 1,
                        title: '请支付挂号费用15元',
                        skin: 'layui-layer-molv',
                        area: ['500px'],
                        content: $('#add-layer')
                    });

                }
                // else{
                //     layer.open({
                //                 title:'提示'
                //                 ,content:'挂号成功并为您办理就诊卡您的卡号为'+date+'请及时前往医院充值余额！！'
                //                 ,icon:1
                //             })
                // }

                // else if(date==3){
                //     layer.open({
                //         title:'提示'
                //         ,content:'挂号成功并为您办理就诊卡您的卡号为'+date+'请及时前往医院充值余额！！'
                //         ,icon:1
                //     })
                //     // setTimeout(function () {
                //     //     location.reload()
                //     // },1000)
                //
                // }


            })

        })
        // $(".add-layer2").click(function () {
        //             // UpIndex1= layer.open({
        //             //         type: 1,
        //             //     title: '请支付挂号费用15元',
        //             //     skin: 'layui-layer-molv',
        //             //     area: ['500px'],
        //             //     content: $('#add-layer')
        //             // });
        //     alert("1")
        //         })
        $("#add1").click(function () {
            $.get("/subscribe2",$(".subscribe").serialize(),function (date) {
                if(date==1){
                    layer.close(UpIndex)
                    layer.open({
                        title:'提示'
                        ,content:'挂号成功请及时前往医院就诊'
                        ,icon:1
                    })
                }else if(date==3){
                }else{
                    layer.close(UpIndex)
                    layer.open({
                                title:'提示'
                                ,content:'挂号成功并为您办理就诊卡您的卡号为'+date+'请及时前往医院充值余额！！'
                                ,icon:1
                            })
                }
            })
        })
        $("#add2").click(function () {
            layer.close(UpIndex)
        })

        // $(".diva3").click(function () {
        //     alert("跳转页面")
        // })
    })

</script>
<script>
    //从数据库里面查询到医生的信息

    function loadingConfig(obj) {

        let id =$(obj).children('option:selected').attr("value");
        let date1=$(".date1").val()

        $.get("/subdocuser?id="+id+"&date1="+date1,function (date) {
            let docuser=date.docuser;

            $(".select2").empty();
            $(".ksid option[value='0']").remove();
            for (let i = 0; i < date.length; i++) {
                    let num=date[i].docuser.notes-date[i].num;

                    $(".select2").append("<option value="+date[i].docuser.did+">"+date[i].docuser.name+'（剩余预约名额'+num+')'+"</option>")

            }
            // $("#select2").append("<option value='Value'>Text</option>");  //添加一项option
        })

    }

</script>
<script>
    //从数据库里面查询到科室的信息

    $(function () {
        let date2=new Date();
        // alert(myDateFomat1(date2))
        $.get("/subdeparement",function (date) {

            $(".ksid").empty();
            $(".ksid").append("<option value="+0+">请选择要预约的科室</option>")

            for (let i = 0; i < date.length; i++) {
                $(".ksid").append("<option value="+date[i].ksid+">"+date[i].ksname+"</option>")

            }
            // $("#select2").append("<option value='Value'>Text</option>");  //添加一项option
        })
    })



</script>
<script>
    $(function () {
        var now =new Date();

        let day1 = new Date();
        day1.setDate(day1.getDate()+2);

        // $(".date1").attr("min",myDateFomat1(now));
        $(".date1").attr("min",myDateFomat(day1));
        setTimeout(function () {
            $.get("/loginin",function (date) {
                if(date!="0"){
                    $(".div1").css("display","none")
                    $(".div2").css("display","block")
                    $(".diva1").text(date)
                }else {
                    $(".div1").css("display","block")
                    $(".div2").css("display","none")

                }
            })
        },100)

        $.get("/logindate",function (date) {
            if(date!=null){

                $(".name").val(date[0].uname);
                $(".age").val(myDateFomat(date[0].birthday));
                $(".phone").val(date[0].phone);
                $(".idcard").val(date[0].idcard);
                if(date[0].sex=="男"){

                    $(".sex1").addClass("active");

                }else{
                    $(".sex2").addClass("active");
                }
            }
        })


        $(".diva2").click(function () {
            $.get("/loginout",function (date) {
                if(date=="true"){
                    window.location.replace("/ManagementEnd/sign-in.html")
                }
            })
        })
        $(".login").click(function () {
            window.location.replace("/ManagementEnd/sign-in.html")
        })
    })
</script>
<script>
    $(".name").blur(function () {
        var name=$(".name").val();
        var patten=/^[\u4E00-\u9FA5]{1,6}$/;
        if(!name){
            $(".name").attr("placeholder","*姓名不能为空");
            $(".name").css("border-color","red");
        }else if(!patten.test(name)){
            $(".name").val("");
            $(".name").attr("placeholder","*姓名不符合规范");
            $(".name").css("border-color","red");
        }else {
            $(".name").css("border-color","#CACACA");
        }
    });

    $(".idcard").blur(function () {
        var idcard=$(".idcard").val();
        var patten= /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
        // var get=getCheckId(idcard);
        if(!idcard){
            $(".idcard").attr("placeholder","*身份证号不能为空");
            $(".idcard").css("border-color","red");
        }else if(!patten.test(idcard)){
            $(".idcard").val("");
            $(".idcard").attr("placeholder","*身份证号不符合规范");
            $(".idcard").css("border-color","red");
        }else {
            $(".idcard").css("border-color","#CACACA");
            let birthday=  getBirthday(idcard);
            $(".age").val(birthday);
        }
    });
    $(".phone").blur(function () {
        var phone=$(".phone").val();
        var patten=/(1[3-9]\d{9}$)/;
        if(!phone){
            $(".phone").attr("placeholder","*手机号码不能为空");
            $(".phone").css("border-color","red");
        }else if(!patten.test(phone)){
            $(".phone").val("");
            $(".phone").attr("placeholder","*手机号码不符合规范");
            $(".phone").css("border-color","red");
        }else {
            $(".phone").css("border-color","#CACACA");
        }
    });
</script>
<script>
    //截取身份证号获得出生年月日
    function getBirthday(idno) {
        var birthday="";
        if (idno.length==18){
            var  year= idno.substr(6,4);
            var  month= idno.substr(10,2);
            var  day= idno.substr(12,2);
            birthday=year+"-"+month+"-"+day;
            return birthday;
        }else if(idno.length==15){
            var  year="19"+ idno.substr(6,2);
            var  month= idno.substr(8,2);
            var  day= idno.substr(10,2);
            birthday=year+"-"+month+"-"+day;
            return birthday;
        }
    }
</script>
<script>
    $(function () {

            $.get("/loginout4",function (date) {
                if(date=="0"){

                }else{

                    $.get("/loginout",function () {

                    })

                }
            })


    })

</script>

<script>

    //身份证效验正则表达式
    function getCheckId(idcard) {
        var Errors = new Array("验证通过!", "身份证号码位数不对!", "身份证号码出生日期超出范围或含有非法字符!", "身份证号码校验错误!", "身份证地区非法!");
        var area = {
            11: "北京",
            12: "天津",
            13: "河北",
            14: "山西",
            15: "内蒙古",
            21: "辽宁",
            22: "吉林",
            23: "黑龙江",
            31: "上海",
            32: "江苏",
            33: "浙江",
            34: "安徽",
            35: "福建",
            36: "江西",
            37: "山东",
            41: "河南",
            42: "湖北",
            43: "湖南",
            44: "广东",
            45: "广西",
            46: "海南",
            50: "重庆",
            51: "四川",
            52: "贵州",
            53: "云南",
            54: "西藏",
            61: "陕西",
            62: "甘肃",
            63: "青海",
            64: "宁夏",
            65: "新疆",
            71: "台湾",
            81: "香港",
            82: "澳门",
            91: "国外"
        }
        var retflag = false;
        var idcard, Y, JYM;
        var S, M;
        var idcard_array = new Array();
        idcard_array = idcard.split("");
        //地区检验
        if (area[parseInt(idcard.substr(0, 2))] == null) return Errors[4];
        //身份号码位数及格式检验
        switch (idcard.length) {
            case 15:
                if ((parseInt(idcard.substr(6, 2)) + 1900) % 4 == 0 || ((parseInt(idcard.substr(6, 2)) + 1900) % 100 == 0 && (parseInt(idcard.substr(6, 2)) + 1900) % 4 == 0)) {
                    ereg = /^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/; //测试出生日期的合法性
                } else {
                    ereg = /^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/; //测试出生日期的合法性
                }

                if (ereg.test(idcard)) {

                    return Errors[0];
                }
                else {
                    return Errors[2];
                }
                break;
            case 18:
                if (parseInt(idcard.substr(6, 4)) % 4 == 0 || (parseInt(idcard.substr(6, 4)) % 100 == 0 && parseInt(idcard.substr(6, 4)) % 4 == 0)) {
                    ereg = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/; //闰年出生日期的合法性正则表达式
                } else {
                    ereg = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/; //平年出生日期的合法性正则表达式
                }
                if (ereg.test(idcard)) { //测试出生日期的合法性
                    //计算校验位
                    S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7 + (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9 + (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10 + (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5 + (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8 + (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4 + (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2 + parseInt(idcard_array[7]) * 1 + parseInt(idcard_array[8]) * 6 + parseInt(idcard_array[9]) * 3;
                    Y = S % 11;
                    M = "F";
                    JYM = "10X98765432";
                    M = JYM.substr(Y, 1); //判断校验位
                    if (M == idcard_array[17]) return Errors[0]; //检测ID的校验位
                    else return Errors[3];
                } else return Errors[2];
                break;
            default:
                return Errors[1];
                break;
        }
    };
</script>
<script>
    $(function () {
        let UpIndex1
        $(".diva3").click(function () {

            UpIndex1= layer.open({
                type: 1,
                title: '',
                skin: 'layui-layer-molv',
                area: ['1300px','500px'],
                content: $('#add-layer2')
            });
        })
    })
</script>
</html>